import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import app from './modules/app'
import settings from './modules/settings'
import user from './modules/user'

/*createPersistedState({
  storage: window.localStorage, // localStorage sessionStorage 区别
  reducer(val) {
    // console.log(val, 'val 就是要持久存储的 vuex state');
    return val
  }
})

import createPersistedState from "vuex-persistedstate"*/
import createPersistedState from "vuex-persistedstate"

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    app,
    settings,
    user
  },
  getters,
  plugins: [
    createPersistedState({
      storage: window.localStorage, // localStorage sessionStorage 区别
      reducer(val) {
        // console.log(val, 'val 就是要持久存储的 vuex state');
        return val
      }
    }),
  ]
})

export default store
